export const docs = [
  {
    title: '开始',
    titleEn: 'Start',
    type: 'doc',
    children: [
      {
        title: '快速开始',
        titleEn: 'Getting Started',
        name: 'getting-started',
        path: '/react/getting-started',
        component: () => import('./docs/getting-started.md'),
        componentEn: () => import('./docs/getting-started.en-US.md'),
      },
      {
        title: '最佳实践',
        titleEn: 'Starter Kit',
        name: 'quick-start',
        path: '/react/quick-start',
        component: () => import('./docs/starter.md'),
        componentEn: () => import('./docs/starter.en-US.md'),
      },
      {
        title: '更新日志',
        titleEn: 'CHANGELOG',
        name: 'changelog',
        path: '/react/changelog',
        component: () => import('../CHANGELOG.md'),
      },
      {
        title: '组件概览',
        titleEn: 'Overview',
        name: 'overview',
        path: '/react/overview',
        component: () => import('@tdesign/common/docs/web/overview.md'),
        componentEn: () => import('@tdesign/common/docs/web/overview.en-US.md'),
      },
    ],
  },
  {
    title: '全局配置',
    titleEn: 'Global Config',
    type: 'doc',
    children: [
      {
        title: '全局特性配置',
        titleEn: 'Global Configuration',
        name: 'config',
        path: '/react/global-configuration',
        component: () => import('@tdesign/components/config-provider/config-provider.md'),
        componentEn: () => import('@tdesign/components/config-provider/config-provider.en-US.md'),
      },
      {
        title: '自定义主题',
        titleEn: 'Theme Customization',
        name: 'custom-theme',
        path: '/react/custom-theme',
        component: () => import('@tdesign/common/theme.md'),
        componentEn: () => import('@tdesign/common/theme.en-US.md'),
      },
      {
        title: '深色模式',
        titleEn: 'Dark Mode',
        name: 'dark-mode',
        path: '/react/dark-mode',
        component: () => import('@tdesign/common/dark-mode.md'),
        componentEn: () => import('@tdesign/common/dark-mode.en-US.md'),
      },
    ],
  },
  {
    title: '基础',
    titleEn: 'Base',
    type: 'component', // 组件文档
    children: [
      {
        title: 'Button 按钮',
        titleEn: 'Button',
        name: 'button',
        path: '/react/components/button',
        component: () => import('@tdesign/components/button/button.md'),
        componentEn: () => import('@tdesign/components/button/button.en-US.md'),
      },
      {
        title: 'Icon 图标',
        titleEn: 'Icon',
        name: 'icon',
        path: '/react/components/icon',
        component: () => import('@tdesign/components/icon/icon.md'),
        componentEn: () => import('@tdesign/components/icon/icon.en-US.md'),
      },
      {
        title: 'Link 链接',
        titleEn: 'Link',
        name: 'link',
        path: '/react/components/link',
        component: () => import('@tdesign/components/link/link.md'),
        componentEn: () => import('@tdesign/components/link/link.en-US.md'),
      },
      {
        title: 'Typography 排版',
        titleEn: 'Typography',
        name: 'typography',
        path: '/react/components/typography',
        component: () => import('@tdesign/components/typography/typography.md'),
        componentEn: () => import('@tdesign/components/typography/typography.en-US.md'),
      },
    ],
  },
  {
    title: '布局',
    titleEn: 'Layout',
    type: 'component',
    children: [
      {
        title: 'Divider 分割线',
        titleEn: 'Divider',
        name: 'divider',
        path: '/react/components/divider',
        component: () => import('@tdesign/components/divider/divider.md'),
        componentEn: () => import('@tdesign/components/divider/divider.en-US.md'),
      },
      {
        title: 'Grid 栅格',
        titleEn: 'Grid',
        name: 'grid',
        path: '/react/components/grid',
        component: () => import('@tdesign/components/grid/grid.md'),
        componentEn: () => import('@tdesign/components/grid/grid.en-US.md'),
      },
      {
        title: 'Layout 布局',
        titleEn: 'Layout',
        name: 'layout',
        path: '/react/components/layout',
        component: () => import('@tdesign/components/layout/layout.md'),
        componentEn: () => import('@tdesign/components/layout/layout.en-US.md'),
      },
      {
        title: 'Space 间距',
        titleEn: 'Space',
        name: 'space',
        path: '/react/components/space',
        component: () => import('@tdesign/components/space/space.md'),
        componentEn: () => import('@tdesign/components/space/space.en-US.md'),
      },
    ],
  },
  {
    title: '导航',
    titleEn: 'Navigation',
    type: 'component',
    children: [
      {
        title: 'Affix 固钉',
        titleEn: 'Affix',
        name: 'affix',
        path: '/react/components/affix',
        component: () => import('@tdesign/components/affix/affix.md'),
        componentEn: () => import('@tdesign/components/affix/affix.en-US.md'),
      },
      {
        title: 'Anchor 锚点',
        titleEn: 'Anchor',
        name: 'anchor',
        path: '/react/components/anchor',
        component: () => import('@tdesign/components/anchor/anchor.md'),
        componentEn: () => import('@tdesign/components/anchor/anchor.en-US.md'),
      },
      {
        title: 'BackTop 回到顶部',
        titleEn: 'BackTop',
        name: 'back-top',
        path: '/react/components/back-top',
        component: () => import('@tdesign/components/back-top/back-top.md'),
        componentEn: () => import('@tdesign/components/back-top/back-top.en-US.md'),
      },
      {
        title: 'Breadcrumb 面包屑',
        titleEn: 'Breadcrumb',
        name: 'breadcrumb',
        path: '/react/components/breadcrumb',
        component: () => import('@tdesign/components/breadcrumb/breadcrumb.md'),
        componentEn: () => import('@tdesign/components/breadcrumb/breadcrumb.en-US.md'),
      },
      {
        title: 'Dropdown 下拉菜单',
        titleEn: 'Dropdown',
        name: 'dropdown',
        path: '/react/components/dropdown',
        component: () => import('@tdesign/components/dropdown/dropdown.md'),
        componentEn: () => import('@tdesign/components/dropdown/dropdown.en-US.md'),
      },
      {
        title: 'Menu 导航菜单',
        titleEn: 'Menu',
        name: 'menu',
        path: '/react/components/menu',
        component: () => import('@tdesign/components/menu/menu.md'),
        componentEn: () => import('@tdesign/components/menu/menu.en-US.md'),
      },
      {
        title: 'Pagination 分页',
        titleEn: 'Pagination',
        name: 'pagination',
        path: '/react/components/pagination',
        component: () => import('@tdesign/components/pagination/pagination.md'),
        componentEn: () => import('@tdesign/components/pagination/pagination.en-US.md'),
      },
      {
        title: 'Steps 步骤条',
        titleEn: 'Steps',
        name: 'steps',
        path: '/react/components/steps',
        component: () => import('@tdesign/components/steps/steps.md'),
        componentEn: () => import('@tdesign/components/steps/steps.en-US.md'),
      },
      {
        title: 'StickyTool 侧边栏',
        titleEn: 'StickyTool',
        name: 'StickyTool',
        path: '/react/components/sticky-tool',
        component: () => import('@tdesign/components/sticky-tool/sticky-tool.md'),
        componentEn: () => import('@tdesign/components/sticky-tool/sticky-tool.en-US.md'),
      },
      {
        title: 'Tabs 选项卡',
        titleEn: 'Tabs',
        name: 'tabs',
        path: '/react/components/tabs',
        component: () => import('@tdesign/components/tabs/tabs.md'),
        componentEn: () => import('@tdesign/components/tabs/tabs.en-US.md'),
      },
    ],
  },
  {
    title: '输入',
    titleEn: 'Form',
    type: 'component',
    children: [
      {
        title: 'AutoComplete 自动填充',
        titleEn: 'AutoComplete',
        name: 'auto-complete',
        path: '/react/components/auto-complete',
        component: () => import('@tdesign/components/auto-complete/auto-complete.md'),
        componentEn: () => import('@tdesign/components/auto-complete/auto-complete.en-US.md'),
      },
      {
        title: 'Cascader 级联组件',
        titleEn: 'Cascader',
        name: 'cascader',
        path: '/react/components/cascader',
        component: () => import('@tdesign/components/cascader/cascader.md'),
        componentEn: () => import('@tdesign/components/cascader/cascader.en-US.md'),
      },
      {
        title: 'Checkbox 多选框',
        titleEn: 'Checkbox',
        name: 'checkbox',
        path: '/react/components/checkbox',
        component: () => import('@tdesign/components/checkbox/checkbox.md'),
        componentEn: () => import('@tdesign/components/checkbox/checkbox.en-US.md'),
      },
      {
        title: 'ColorPicker 颜色选择器',
        titleEn: 'ColorPicker',
        name: 'color-picker',
        path: '/react/components/color-picker',
        component: () => import('@tdesign/components/color-picker/color-picker.md'),
        componentEn: () => import('@tdesign/components/color-picker/color-picker.en-US.md'),
      },
      {
        title: 'DatePicker 日期选择器',
        titleEn: 'DatePicker',
        name: 'date-picker',
        path: '/react/components/date-picker',
        component: () => import('@tdesign/components/date-picker/date-picker.md'),
        componentEn: () => import('@tdesign/components/date-picker/date-picker.en-US.md'),
      },
      {
        title: 'Form 表单',
        titleEn: 'Form',
        name: 'form',
        path: '/react/components/form',
        component: () => import('@tdesign/components/form/form.md'),
        componentEn: () => import('@tdesign/components/form/form.en-US.md'),
      },
      {
        title: 'Input 输入框',
        titleEn: 'Input',
        name: 'input',
        path: '/react/components/input',
        component: () => import('@tdesign/components/input/input.md'),
        componentEn: () => import('@tdesign/components/input/input.en-US.md'),
      },
      {
        title: 'InputAdornment 输入装饰器',
        titleEn: 'InputAdornment',
        name: 'input-adornment',
        path: '/react/components/input-adornment',
        component: () => import('@tdesign/components/input-adornment/input-adornment.md'),
        componentEn: () => import('@tdesign/components/input-adornment/input-adornment.en-US.md'),
      },
      {
        title: 'InputNumber 数字输入框',
        titleEn: 'InputNumber',
        name: 'input-number',
        path: '/react/components/input-number',
        component: () => import('@tdesign/components/input-number/input-number.md'),
        componentEn: () => import('@tdesign/components/input-number/input-number.en-US.md'),
      },
      {
        title: 'TagInput 标签输入框',
        titleEn: 'TagInput',
        name: 'tag-input',
        docType: 'form',
        path: '/react/components/tag-input',
        component: () => import('@tdesign/components/tag-input/tag-input.md'),
        componentEn: () => import('@tdesign/components/tag-input/tag-input.en-US.md'),
      },
      {
        title: 'Radio 单选框',
        titleEn: 'Radio',
        name: 'radio',
        path: '/react/components/radio',
        component: () => import('@tdesign/components/radio/radio.md'),
        componentEn: () => import('@tdesign/components/radio/radio.en-US.md'),
      },
      {
        title: 'RangeInput 范围输入框',
        titleEn: 'RangeInput',
        name: 'range-input',
        path: '/react/components/range-input',
        component: () => import('@tdesign/components/range-input/range-input.md'),
        componentEn: () => import('@tdesign/components/range-input/range-input.en-US.md'),
      },
      {
        title: 'Select 选择器',
        titleEn: 'Select',
        name: 'select',
        path: '/react/components/select',
        component: () => import('@tdesign/components/select/select.md'),
        componentEn: () => import('@tdesign/components/select/select.en-US.md'),
      },
      {
        title: 'SelectInput 筛选器输入框',
        titleEn: 'SelectInput',
        name: 'select-input',
        docType: 'form',
        path: '/react/components/select-input',
        component: () => import('@tdesign/components/select-input/select-input.md'),
        componentEn: () => import('@tdesign/components/select-input/select-input.en-US.md'),
      },
      {
        title: 'Slider 滑块',
        titleEn: 'Slider',
        name: 'slider',
        path: '/react/components/slider',
        component: () => import('@tdesign/components/slider/slider.md'),
        componentEn: () => import('@tdesign/components/slider/slider.en-US.md'),
      },
      {
        title: 'Switch 开关',
        titleEn: 'Switch',
        name: 'switch',
        path: '/react/components/switch',
        component: () => import('@tdesign/components/switch/switch.md'),
        componentEn: () => import('@tdesign/components/switch/switch.en-US.md'),
      },
      {
        title: 'Textarea 多行文本框',
        titleEn: 'Textarea',
        name: 'textarea',
        path: '/react/components/textarea',
        component: () => import('@tdesign/components/textarea/textarea.md'),
        componentEn: () => import('@tdesign/components/textarea/textarea.en-US.md'),
      },
      {
        title: 'Transfer 穿梭框',
        titleEn: 'Transfer',
        name: 'transfer',
        path: '/react/components/transfer',
        component: () => import('@tdesign/components/transfer/transfer.md'),
        componentEn: () => import('@tdesign/components/transfer/transfer.en-US.md'),
      },
      {
        title: 'TimePicker 时间选择器',
        titleEn: 'TimePicker',
        name: 'time-picker',
        path: '/react/components/time-picker',
        component: () => import('@tdesign/components/time-picker/time-picker.md'),
        componentEn: () => import('@tdesign/components/time-picker/time-picker.en-US.md'),
      },
      {
        title: 'TreeSelect 树选择',
        titleEn: 'TreeSelect',
        name: 'tree-select',
        path: '/react/components/tree-select',
        component: () => import('@tdesign/components/tree-select/tree-select.md'),
        componentEn: () => import('@tdesign/components/tree-select/tree-select.en-US.md'),
      },
      {
        title: 'Upload 上传',
        titleEn: 'Upload',
        name: 'upload',
        path: '/react/components/upload',
        component: () => import('@tdesign/components/upload/upload.md'),
        componentEn: () => import('@tdesign/components/upload/upload.en-US.md'),
      },
    ],
  },
  {
    title: '数据展示',
    titleEn: 'Data Display',
    type: 'component', // 组件文档
    children: [
      {
        title: 'Avatar 头像',
        titleEn: 'Avatar',
        name: 'avatar',
        path: '/react/components/avatar',
        component: () => import('@tdesign/components/avatar/avatar.md'),
        componentEn: () => import('@tdesign/components/avatar/avatar.en-US.md'),
      },
      {
        title: 'Badge 徽标',
        titleEn: 'Badge',
        name: 'badge',
        path: '/react/components/badge',
        component: () => import('@tdesign/components/badge/badge.md'),
        componentEn: () => import('@tdesign/components/badge/badge.en-US.md'),
      },
      {
        title: 'Calendar 日历',
        titleEn: 'Calendar',
        name: 'calendar',
        path: '/react/components/calendar',
        component: () => import('@tdesign/components/calendar/calendar.md'),
        componentEn: () => import('@tdesign/components/calendar/calendar.en-US.md'),
      },
      {
        title: 'Card 卡片',
        titleEn: 'Card',
        name: 'card',
        docType: 'data',
        path: '/react/components/card',
        component: () => import('@tdesign/components/card/card.md'),
        componentEn: () => import('@tdesign/components/card/card.en-US.md'),
      },
      {
        title: 'Collapse 折叠面板',
        titleEn: 'Collapse',
        name: 'collapse',
        docType: 'data',
        path: '/react/components/collapse',
        component: () => import('@tdesign/components/collapse/collapse.md'),
        componentEn: () => import('@tdesign/components/collapse/collapse.en-US.md'),
      },
      {
        title: 'Comment 评论',
        titleEn: 'Comment',
        name: 'comment',
        path: '/react/components/comment',
        component: () => import('@tdesign/components/comment/comment.md'),
        componentEn: () => import('@tdesign/components/comment/comment.en-US.md'),
      },
      {
        title: 'Descriptions 描述',
        titleEn: 'Descriptions',
        name: 'descriptions',
        path: '/react/components/descriptions',
        component: () => import('@tdesign/components/descriptions/descriptions.md'),
        componentEn: () => import('@tdesign/components/descriptions/descriptions.en-US.md'),
      },
      {
        title: 'Empty 空状态',
        titleEn: 'Empty',
        name: 'Empty',
        path: '/react/components/empty',
        component: () => import('@tdesign/components/empty/empty.md'),
        componentEn: () => import('@tdesign/components/empty/empty.en-US.md'),
      },
      {
        title: 'Image 图片',
        titleEn: 'Image',
        name: 'image',
        path: '/react/components/image',
        component: () => import('@tdesign/components/image/image.md'),
        componentEn: () => import('@tdesign/components/image/image.en-US.md'),
      },
      {
        title: 'ImageViewer 图片预览',
        titleEn: 'ImageViewer',
        name: 'image-viewer',
        path: '/react/components/image-viewer',
        component: () => import('@tdesign/components/image-viewer/image-viewer.md'),
        componentEn: () => import('@tdesign/components/image-viewer/image-viewer.en-US.md'),
      },
      {
        title: 'List 列表',
        titleEn: 'List',
        name: 'list',
        path: '/react/components/list',
        component: () => import('@tdesign/components/list/list.md'),
        componentEn: () => import('@tdesign/components/list/list.en-US.md'),
      },
      {
        title: 'Loading 加载',
        titleEn: 'Loading',
        name: 'loading',
        path: '/react/components/loading',
        component: () => import('@tdesign/components/loading/loading.md'),
        componentEn: () => import('@tdesign/components/loading/loading.en-US.md'),
      },
      {
        title: 'Progress 进度条',
        titleEn: 'Progress',
        name: 'progress',
        path: '/react/components/progress',
        component: () => import('@tdesign/components/progress/progress.md'),
        componentEn: () => import('@tdesign/components/progress/progress.en-US.md'),
      },
      {
        title: 'QRCode 二维码',
        titleEn: 'QRCode',
        name: 'qrcode',
        path: '/react/components/qrcode',
        component: () => import('@tdesign/components/qrcode/qrcode.md'),
        componentEn: () => import('@tdesign/components/qrcode/qrcode.en-US.md'),
      },
      {
        title: 'Skeleton 骨架屏',
        titleEn: 'Skeleton',
        name: 'skeleton',
        path: '/react/components/skeleton',
        component: () => import('@tdesign/components/skeleton/skeleton.md'),
        componentEn: () => import('@tdesign/components/skeleton/skeleton.en-US.md'),
      },
      {
        title: 'Statistic 统计数值',
        titleEn: 'Statistic',
        name: 'statistic',
        path: '/react/components/statistic',
        component: () => import('@tdesign/components/statistic/statistic.md'),
        componentEn: () => import('@tdesign/components/statistic/statistic.en-US.md'),
      },
      {
        title: 'Swiper 轮播框',
        titleEn: 'Swiper',
        name: 'swiper',
        path: '/react/components/swiper',
        component: () => import('@tdesign/components/swiper/swiper.md'),
        componentEn: () => import('@tdesign/components/swiper/swiper.en-US.md'),
      },
      {
        title: 'Table 表格',
        titleEn: 'Table',
        name: 'table',
        path: '/react/components/table',
        component: () => import('@tdesign/components/table/table.md'),
        componentEn: () => import('@tdesign/components/table/table.en-US.md'),
      },
      {
        title: 'Tag 标签',
        titleEn: 'Tag',
        name: 'tag',
        path: '/react/components/tag',
        component: () => import('@tdesign/components/tag/tag.md'),
        componentEn: () => import('@tdesign/components/tag/tag.en-US.md'),
      },
      {
        title: 'Timeline 时间轴',
        titleEn: 'Timeline',
        name: 'timeline',
        path: '/react/components/timeline',
        component: () => import('@tdesign/components/timeline/timeline.md'),
        componentEn: () => import('@tdesign/components/timeline/timeline.en-US.md'),
      },
      {
        title: 'Tooltip 文字提示',
        titleEn: 'Tooltip',
        name: 'tooltip',
        path: '/react/components/tooltip',
        component: () => import('@tdesign/components/tooltip/tooltip.md'),
        componentEn: () => import('@tdesign/components/tooltip/tooltip.en-US.md'),
      },
      {
        title: 'Tree 树',
        titleEn: 'Tree',
        name: 'tree',
        path: '/react/components/tree',
        component: () => import('@tdesign/components/tree/tree.md'),
        componentEn: () => import('@tdesign/components/tree/tree.en-US.md'),
      },
      {
        title: 'Watermark 水印',
        titleEn: 'Watermark',
        name: 'watermark',
        path: '/react/components/watermark',
        component: () => import('@tdesign/components/watermark/watermark.md'),
        componentEn: () => import('@tdesign/components/watermark/watermark.en-US.md'),
      },
      {
        title: 'Rate 评分',
        titleEn: 'Rate',
        name: 'rate',
        docType: 'data',
        path: '/react/components/rate',
        component: () => import('@tdesign/components/rate/rate.md'),
        componentEn: () => import('@tdesign/components/rate/rate.en-US.md'),
      },
    ],
  },
  {
    title: '消息提醒',
    titleEn: 'Notifications',
    type: 'component', // 组件文档
    children: [
      {
        title: 'Alert 警告提醒',
        titleEn: 'Alert',
        name: 'alert',
        path: '/react/components/alert',
        component: () => import('@tdesign/components/alert/alert.md'),
        componentEn: () => import('@tdesign/components/alert/alert.en-US.md'),
      },
      {
        title: 'Dialog 对话框',
        titleEn: 'Dialog',
        name: 'dialog',
        path: '/react/components/dialog',
        component: () => import('@tdesign/components/dialog/dialog.md'),
        componentEn: () => import('@tdesign/components/dialog/dialog.en-US.md'),
      },
      {
        title: 'Drawer 抽屉',
        titleEn: 'Drawer',
        name: 'drawer',
        path: '/react/components/drawer',
        component: () => import('@tdesign/components/drawer/drawer.md'),
        componentEn: () => import('@tdesign/components/drawer/drawer.en-US.md'),
      },
      {
        title: 'Guide 引导',
        titleEn: 'Guide',
        name: 'guide',
        path: '/react/components/guide',
        component: () => import('@tdesign/components/guide/guide.md'),
        componentEn: () => import('@tdesign/components/guide/guide.en-US.md'),
      },
      {
        title: 'Message 全局提示',
        titleEn: 'Message',
        name: 'message',
        path: '/react/components/message',
        component: () => import('@tdesign/components/message/message.md'),
        componentEn: () => import('@tdesign/components/message/message.en-US.md'),
      },
      {
        title: 'Notification 消息通知',
        titleEn: 'Notification',
        name: 'notification',
        path: '/react/components/notification',
        component: () => import('@tdesign/components/notification/notification.md'),
        componentEn: () => import('@tdesign/components/notification/notification.en-US.md'),
      },
      {
        title: 'Popconfirm 气泡确认框',
        titleEn: 'Popconfirm',
        name: 'popconfirm',
        path: '/react/components/popconfirm',
        component: () => import('@tdesign/components/popconfirm/popconfirm.md'),
        componentEn: () => import('@tdesign/components/popconfirm/popconfirm.en-US.md'),
      },
      {
        title: 'Popup 弹出层',
        titleEn: 'Popup',
        name: 'popup',
        path: '/react/components/popup',
        component: () => import('@tdesign/components/popup/popup.md'),
        componentEn: () => import('@tdesign/components/popup/popup.en-US.md'),
      },
    ],
  },
];

const enDocs = docs.map((doc) => ({
  ...doc,
  title: doc.titleEn,
  children: doc?.children?.map((child) => ({
    title: child.titleEn,
    name: `${child.name}-en`,
    path: `${child.path}-en`,
    meta: { lang: 'en' },
    component: child.componentEn || child.component,
  })),
}));

export default { docs, enDocs };
